<template>
  <div>
    <HeadBlock @onSearchClick="handleChange" />
    <Notice />
    <Block4 />
    <PolicyResult :policy-list="policyList" />
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import HeadBlock from '@/components/portal/policy/HeadBlock.vue'
import Notice from '@/components/portal/policy/Notice.vue'
import Block4 from '@/components/portal/policy/Block4.vue'
import PolicyResult from '@/components/portal/policy/PolicyResult.vue'
export default Vue.extend({
  components: { HeadBlock, Notice, Block4, PolicyResult },
  data() {
    return {
      policyList: [],
    }
  },
  head: {
    title: '政策匹配',
  },
  methods: {
    handleChange(result) {
      this.policyList = result.list
    },
  },
})
</script>
<style lang="scss" scoped></style>
